<!DOCTYPE html>
<html>
<head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <title>
        选择类型
    </title>
    <meta content="initial-scale=1, maximum-scale=1" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link href="${staticpath}/front/dist/css/lib/sm.css" rel="stylesheet" type="text/css">
    <link href="${staticpath}/front/dist/css/lib/sm-extend.css" rel="stylesheet" type="text/css">
    <link href="${staticpath}/front/dist/css/layout.css" rel="stylesheet" type="text/css">
    <link href="${staticpath}/front/dist/css/base.css" rel="stylesheet" type="text/css">

</head>
<body>
<style>
    .page{
        z-index: 1;
    }
    .bar{
        z-index: 5;
    }
    .select-type{
        height: 76px;
        width: 100%;
        background-color: #fff!important ;
        display: flex;
        display:-webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
        background: url(${staticpath}/front/dist/images/arrow.png) no-repeat 95% 50% ;
        background-size:  10px 16px;
        position: relative;
    }
    .select-type .ico{
        width: 52px;
        height: 52px;
        line-height: 76px;
        margin: 12px 0;
    }
    .select-type .main{
        padding: 10px 10px;
        flex: 1;
        -webkit-box-flex: 1.0;
        margin-left:10px;
        text-align: left;

    }
    .select-type .main h1{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .select-type .main h2{
        font-size: 14px;
        color: #b6b6b6;
    }
</style>
<div class="page-group">
    <!--体现方式页面!-->
    <div class=" page-current" id="pageOne">
        <!--头部内容 !-->
        <header class="bar bar-nav">
            <a class="icon icon-left pull-left" onclick="back()">
            </a>
            <h1 class="title">
                帐号类型
            </h1>
        </header>
        <div class="content way-content">
            <li class="select-type" data-url="${basepath}/rest/front/record/toWalletAdd?type=1" data-lineUrl="${basepath}/rest/front/order/toOfflinePay?type=1">
                <img alt="" class="ico cell-left" src="${staticpath}/front/dist/images/alipay.png">
                <div class="cell-main main">
                    <h1>
                        支付宝
                    </h1>
                    <h2>
                        支付宝转账
                    </h2>
                </div>
                </img>
            </li>
            <div class="underline"></div>
            <li class="select-type" data-url="${basepath}/rest/front/record/toWalletAdd?type=2" data-lineUrl="${basepath}/rest/front/order/toOfflinePay?type=2">
                <img alt="" class="ico cell-left" src="${staticpath}/front/dist/images/weChart.png">
                <div class="cell-main main">
                    <h1>
                        微信
                    </h1>
                    <h2>
                        微信提现
                    </h2>
                </div>
                </img>
            </li>
            <div class="underline"></div>
            <li class="select-type" data-url="${basepath}/rest/front/record/toWalletAdd?type=3" data-lineUrl="${basepath}/rest/front/order/toOfflinePay?type=3">
                <img alt="" class="ico cell-left" src="${staticpath}/front/dist/images/bank.png">
                <div class="cell-main main">
                    <h1>
                        银行卡
                    </h1>
                    <h2>
                        银行卡提现
                    </h2>
                </div>
                </img>
            </li>
            <div class="underline"></div>
        </div>
    </div>
</div>

<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script>
    $.config = {
        router: false
    }
</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script>
    function getQueryString(name) {
        var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
            return unescape(r[2]);
        }
        return null;
    }
    var userType= getQueryString("userType");//获取从我的页面过来的点击我的钱包带来参数
    //跳转到申请提现
    $(".select-type").click(function(){
        window.location.href=$(this).attr('data-url')+"&userType=" +userType;
    });
    //返回键
    function back(){
        window.location.href="/rest/front/record/toWalletAdd"+"?userType=" +userType;
    }
    $.init();
</script>
</body>
</html>